<template lang="html">

  <div class="car">
     <div class="p">关注公众号</div>
      <div class="main">
         
        <div style="text-align:center">
          <img :src="require('@/assets/shop/xghd.jpg')" style=" width: 220px;height: 220px;"   />
     
        </div>
        <br/>
        <div  style="text-align:center;color:red;font-size: 14px;" >
          请关注我们的公众号,以便查询订单
        </div>
         <div class="pay-footer" ontouchstrat=""  >
          <span @click="$router.push('/shop/mine')">返回会员中心</span>
        </div>
      </div>
      
      
      <v-footer2></v-footer2>
    </div>
</template>

<script>
// import * as mockData from '@/http/mock.js' //模拟数据
import Header from '@/components/index/header.vue'
import Baseline from '@/common/_baseline.vue'
import Footer from '@/common/_footer.vue'
import { Dialog, Toast, Panel, NavBar } from 'vant';
import 'vant/lib/index.css';

import Footer2 from '../common/travel/_footer2.vue'


export default {
    data() {
        return {
           
        }
    },
    components: {
        'v-baseline': Baseline,
        'v-footer': Footer,
        'v-footer2': Footer2,
        'v-panel': Panel,
        [NavBar.name]: NavBar
    },
    beforeCreate() {


    },
    methods: {
        onCopy() {
            Toast("已复制到剪贴板");

        }
    }
}
</script>

<style lang="less" scoped>
@import "../assets/fz.less";
@import "../assets/index/style.css";
@import "../assets/user/icon/carstyle.css";
.mint-header {
    padding: 6.8vw 4.8vw;
    background-color: #fff;
    color: #333 !important;
    .fz(font-size, 40) !important;
}
.car {
    width: 100%;
    padding-bottom: 14vw;
    background-color: #f8fcff;
    .p {
        width: 100%;
        height: 110px;
        font-size: 18px;
        overflow: hidden;
        color: #ffffff;
        text-align: center;
        line-height: 84px;
        background: url("../assets/shop/bg1.png") no-repeat top center;

        background-size: 100% 100px;
        // background: green;

        // border-bottom-left-radius: 56px;
        // border-bottom-right-radius: 56px;
    }

    .main {
        width: 100%;

        //background: url('../../assets/shop/bg.png') no-repeat top center;
       
        .pay-footer {
            margin: 24px auto 0;
            width: 65%;
            span {
                display: block;
                width: 50%;
                background-color: #fe6714;
                color: #fff;
                font-size: 16px;
                padding: 2.6vw;
                margin: 0 auto;
                text-align: center;
                border-radius: 12px;
                &:active {
                    background-color: @cl;
                }
            }
        }

        .my-indent {
            width: 100%;
            display: block;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            color: #333;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 0 5vw;
            height: 15vw;
            line-height: 15vw;
            background-color: #fff;
            .bd();
            &:active {
                background-color: rgb(224, 227, 230);
            }

            .my-indent-right {
                span {
                    display: inline-block;
                    .fz(font-size, 28);
                    color: rgba(0, 0, 0, 0.4);
                    position: relative;
                }
                i {
                    position: relative;
                    top: 0.8vw;
                }
            }
        }

        .my-pay {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            padding: 2vw 0;
            background-color: #fff;
            .bd();

            > a {
                display: block;
                width: 50%;
                color: #999;
                text-align: center;

                > span {
                    .fz(font-size, 50);
                    margin-top: 2.3vw;
                    display: block;
                    text-align: center;
                }

                p {
                    padding: 2.3vw 0;
                    text-align: center;
                }
            }
        }

        .my-vip,
        .my-service,
        .my-settle {
            width: 100%;
            .mt();
            .bd();
            .bt();
            > a {
                background-color: #fff;
                display: block;
                width: 100%;
                display: -ms-flex;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                height: 15vw;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                padding: 0 6vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                &:active {
                    background-color: rgb(224, 227, 230);
                }
                > div {
                    -ms-flex: 2;
                    -webkit-box-flex: 2;
                    flex: 2;
                    padding-top: 1.3vw;
                }

                .my-vip-top-div {
                    padding-top: 0;
                }
                > p {
                    -ms-flex: 10;
                    -webkit-box-flex: 10;
                    flex: 10;
                    position: relative;

                    &:active {
                        background-color: rgb(224, 227, 230);
                    }

                    i {
                        position: absolute;
                        right: 0;
                        top: 0.4vw;
                    }
                }
            }
        }
    }
}
/*图标大小不一，重新定义*/

.icon-go {
    .fz(font-size, 36);
    &::before {
        color: #aba8a8;
    }
}

[class^="icon2-"],
[class*=" icon2-"] {
    .fz(font-size, 50);
}

.icon2-service {
    .fz(font-size, 34);
}
</style>
